<template>
    <transition
            name="tran_rank"
            enter-active-class="animated fadeIn"
            leave-active-class="animated fadeOut"
    >
    <div class="rank" v-if="show">
        <!--<div class="elem-quote">排行榜</div>-->
        <!--<hr>-->
        <el-tabs type="border-card">
            <el-tab-pane label="站点统计">什么都没有</el-tab-pane>
            <el-tab-pane label="关于博客">纯粹练手，时不时会扯淡写点东西，也可能会开车（左下停掉音乐）。</el-tab-pane>
        </el-tabs>
    </div>
    </transition>
</template>

<script>
    export default{
        name: 'rank',
        data () {
            return {
                msg: 'rank',
                show:false
            }
        },
        mounted: function () {
            this.$nextTick(function () {
                this.show = true
            })
        }
    }
</script>

<style>
    .rank{
        /*margin-top: 20px;*/
    }
</style>